$colors: #32d1ad, #ffd500, #2fb6e4, #ff4a1a, #ff4a1a;

.withdraw_record {
    &_top {
        margin-bottom: 16px;
        padding: 24px 24px 8px;

        background-color: #fff;
    }
    &_header {
        margin-bottom: 20px;
        &_item {
            display: flex;
            align-items: center;
            justify-content: space-between;

            min-height: 126px;
            max-height: 126px;
            margin-right: 15px;
            padding: 0 24px;

            background: #fff9eb;
            h3,
            p {
                margin: 0;
            }
            h3 {
                display: flex;
                align-items: center;

                color: #33302d;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 16px;
                font-weight: 500;
                :deep(.el-icon) {
                    margin-left: 4px;

                    color: #33302d;
                }
            }
            p {
                margin-top: 16px;

                color: #666666;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
            }
            & > div {
                min-height: 78px;
                margin-right: 30px;
            }
            :deep(.el-button) {
                margin-top: -50px;
            }
        }
    }
    :deep(.el-tabs__item) {
        font-size: 16px !important;
    }
    :deep {
        .el-tabs__nav-wrap {
            margin-bottom: -15px;
            &::after {
                height: 0;
            }
        }
        .el-table .el-table__cell {
            padding: 20px 0;
        }
        .el-table th.el-table__cell {
            padding: 12px 0;
        }
    }
    &_bottom {
        padding: 24px;

        background-color: #fff;
    }
    .zw-form-layout {
        margin-bottom: 24px;

        border: 1px solid #eaeaea;
        background: #f9f9f9;
    }
    .not-started {
        color: #aaa;
    }

    .custom-el-link {
        display: inline;
        :deep .el-link__inner {
            display: inline;
        }
    }
    .custom-status-line {
        display: inline-flex;
        align-items: center;
    }
    .custom-status-line-status {
        margin-left: 5px;
    }
    @for $i from 1 to 6 {
        .custom-status-#{$i} {
            position: relative;

            padding-left: 14px;

            &::before {
                position: absolute;
                top: 50%;
                left: 0px;

                width: 8px;
                height: 8px;

                content: '';
                transform: translateY(-50%);

                border-radius: 50%;
                background: nth($colors, $i);
            }
        }
    }
}
